<template>
  <div style="padding: 28px;">
    <div style="display: flex;justify-content: space-between;">
      <div
        style="width: 100%;height: 400px;background: #FFFFFF;padding: 20px 32px;"
      >
        <SportsOrganization></SportsOrganization>
      </div>
    </div>

    <div
      style="margin-top: 16px;display: flex;justify-content: space-between; "
    >
      <div
        style="width: 100%;height: 450px;background: #FFFFFF; padding: 20px 32px;"
      >
        <AmateurSportsSchool></AmateurSportsSchool>
      </div>
    </div>

    <div
      style="margin-top: 16px;display: flex;justify-content: space-between; "
    >
      <div
        style="width: 100%;height: 450px;background: #FFFFFF; padding: 20px 32px;"
      >
        <NationalBase></NationalBase>
      </div>
    </div>
    <div
      style="margin-top: 16px;display: flex;justify-content: space-between; "
    >
      <div
        style="width: 100%;height: 336px;background: #FFFFFF; padding: 20px 32px;"
      >
        <CulturalEducation></CulturalEducation>
      </div>
    </div>
  </div>
</template>

<script>
import SportsOrganization from "./components/SportsOrganization.vue";
import AmateurSportsSchool from "./components/AmateurSportsSchool.vue";
import NationalBase from "./components/NationalBase.vue";
import CulturalEducation from "./components/CulturalEducation.vue";
// import HonorAward from "./components/HonorAward.vue";

export default {
  components: {
    SportsOrganization,
    AmateurSportsSchool,
    NationalBase,
    CulturalEducation
    // HonorAward
  },
  data() {
    return {};
  },
  mounted() {},

  methods: {}
};
</script>

<style></style>
